.tab-back{
	height:58px;
	margin-top:30px;
}
.tab{
	height:43px;
	width:1200px;
	border-top:solid 1px #000000;
	padding-top:15px;
	margin: 0 auto;
	background:#f0f0f0;
}
.tab.active{
	position:fixed;
	top:0;
	z-index: 3;
	left:40px;
}
.tab ul li{
	height:30px;
	width:170px;
	line-height: 30px;
	text-align:center;
	font-size:14px;

	border-right:solid 1px #c9c9c9;
	float:left;
}
.tab ul li a{
	color:#333;
}
.tab ul .sty1 a:hover{
	display: block;
	height:30px;
	width:120px;
	 color:#fff;
	margin-left:25px;
	background:#d41c4f;
}
.tab ul .sty1 .active{
	display: block;
	height:30px;
	width:120px;
	color:#fff;
	margin-left:25px;
	background:#d41c4f;
}
.tab ul .sty1 a{
	display: block;
	height:30px;
	width:120px;
 	color:#fff;
	margin-left:25px;

}

.tab ul .sty2 a:hover{
	display: block;
	height:30px;
	width:120px;
 	color:#fff;
	margin-left:25px;
	background:#88a2cc;
}
.tab ul .sty2 a{
	display: block;
	height:30px;
	width:120px;
 	color:#fff;
	margin-left:25px;

}
.tab ul .sty2 .active{
	display: block;
	height:30px;
	width:120px;
	color:#fff;
	margin-left:25px;
	background:#88a2cc;
}
.tab ul .sty3 a:hover{
	display: block;
	height:30px;
	width:120px;
 color:#fff;
	margin-left:25px;
	background: #e98194;
}
.tab ul .sty3 .active{
	display: block;
	height:30px;
	width:120px;
	color:#fff;
	margin-left:25px;
	background: #e98194;
}
.tab ul .sty3 a{
	display: block;
	height:30px;
	width:120px;
 color:#fff;
	margin-left:25px;

}
.tab ul .sty4 a:hover{
	display: block;
	height:30px;
	width:120px;
 color:#fff;
	margin-left:25px;
	background:#a799c2;
}
.tab ul .sty4 .active{
	display: block;
	height:30px;
	width:120px;
	color:#fff;
	margin-left:25px;
	background:#a799c2;
}
.tab ul .sty4 a{
	display: block;
	height:30px;
	width:120px;
 color:#fff;
	margin-left:25px;

}
.tab ul .sty5 a:hover{
	display: block;
	height:30px;
	width:120px;
	color:#fff;
	margin-left:25px;
	background:#87c9be;
}
.tab ul .sty5 .active{
	display: block;
	height:30px;
	width:120px;
	color:#fff;
	margin-left:25px;
	background:#87c9be;
}
.tab ul .sty5 a{
	display: block;
	height:30px;
	width:120px;
 color:#fff;
	margin-left:25px;

}
.tab ul .sty6 a:hover{
	display: block;
	height:30px;
	width:120px;
 color:#fff;
	margin-left:25px;
	background:#c29685;
}
.tab ul .sty6 .active{
	display: block;
	height:30px;
	width:120px;
	color:#fff;
	margin-left:25px;
	background:#c29685;
}
.tab ul .sty6 a{
	display: block;
	height:30px;
	width:120px;
 color:#fff;
	margin-left:25px;

}
.tab ul .sty7 a:hover{
	display: block;
	height:30px;
	width:120px;
 color:#fff;
	margin-left:25px;
	background:#7394a3;
}
.tab ul .sty7 .active{
	display: block;
	height:30px;
	width:120px;
	color:#fff;
	margin-left:25px;
	background:#7394a3;
}
.tab ul .sty7 a{
	display: block;
	height:30px;
	width:120px;
 color:#fff;
	margin-left:25px;

}
.tab ul .sty7{
	border: none;
}



/***************pic****************/
.tabPic{
	width:1220px;
	margin:0 auto;
	height:100%;

}
.tabPic .tabe{
	width:1220px;
	height:100%;
	display:none;

}
.tabPic .tabe.active{
	display:block;
}
.tabPic .tabe ul{
	width:1220px;
	overflow: hidden;;
}
.tabPic .tabe ul li{
	width:590px;
	height:306px;
	margin:10px 10px;
	float:left;
		transition:box-shadow 0.3s;
	-moz-transition:box-shadow 0.3s;
	-webkit-transition:box-shadow 0.3s;
	-o-transition:box-shadow 0.3s;
}

.tabPic .tabe ul li:hover{
	box-shadow:4px 10px 10px rgba(111,111,111,.3);
}
